<template>
	<view class="main">
		<image class="logo" src="../../assets/logo.png"></image>
		<view class="No">No. DY69-D02-N0324</view>
		<model-stl :src="srcUrl">
		</model-stl>
		<view class="metal-desc">
			<ul>
				<li>{{ `体积   ${metalParam.volume}` }}</li>
				<li>{{ `质量   ${metalParam.quality}` }}</li>
				<li>{{ `长轴   ${metalParam.majorAxis}` }}</li>
				<li>{{ `短轴   ${metalParam.minorAxis}` }}</li>
				<li>{{ `采样深度   ${metalParam.samplingDepth}` }}</li>
			</ul>
		</view>
		<view scroll-y="true" class="text-content">
			<ul>
				<li>
					这是一颗来自西太平洋的多金属结核，由北京先驱公司采集。
				</li>
				<li>
					多金属结核<br>
					多金属结核是1868年首先在西伯利亚岸外的北冰洋喀拉海中发现的。1872-76年英国“挑战者”号考察船进行科学考察期间，发现世界大多数海洋都有多金属结核。
					多金属结核又称锰结核，系由包围核心的铁、锰氢氧化物壳层组成的核形石。核心可能极小，有时完全晶化成锰矿。肉眼可见的可能是微化石（放射虫或有孔虫）介壳、磷化鲨鱼牙齿、玄武岩碎屑，甚至是先前结核的碎片。壳层的厚度和匀称性由生成的先后阶段决定。有些结核的壳层间断，两面明显不同。结核大小不等，小的颗粒用显微镜才能看到，大的球体直径达20多厘米。结核一般直径在5到10厘米之间，大小如土豆。表面多为光滑，也有粗糙、呈椭球状或其他不规则形状的。底部埋在沉积物中，往往比顶部粗糙。
				</li>
				<li>
					结核的形成机理<br>
					各类结核是如何形成的？这方面有好几种理论。两种较为流行的假说是：
					水成作用成因：金属成分缓慢从海水中析出，沉淀形成结核体。据认为，水成结核的铁、锰含量相仿，镍、铜、钴品位相对较高。
					成岩作用成因：沉积柱内的锰重新活动，在沉积物/水界面析出。此种结核锰含量丰富，但铁、镍、铜、钴含量较少。
				</li>
			</ul>
		</view>
	</view>
</template>

<script>
	import {
		ModelStl
	} from 'vue-3d-model'
	export default {
		components: {
			ModelStl
		},
		data() {
			return {
				srcUrl: "https://mp-de919bc7-5198-4451-80ff-b8758ec900c6.cdn.bspapp.com/cloudstorage/83b16e34-14c5-4b42-b207-b1d6e1207bcd.stl",
				metalParam: {
					volume: '33.5cm3',
					quality: '78.9g',
					majorAxis: '4.23cm',
					minorAxis: '3.96cm',
					samplingDepth: '5600m'
				}
			};
		}
	}
</script>

<style lang="scss">
	.main {
		position: relative;
	}

	.logo {
		width: 700rpx;
		height: 60rpx;
		margin: 20rpx;
		// background: url('../../assets/logo.png') no-repeat;
		// background-size: 100% 100%;
	}

	.metal-desc {
		position: absolute;
		right: 20rpx;
		line-height: 45rpx;
		top: 220rpx;
		font-size: 12px;
		ul li {
			list-style: none;
		}
	}

	.No {
		margin: 0 auto;
		text-align: center;
	}

	.text-content {

		// height: ;
		ul {
			margin: 0 30rpx 0 20rpx;
		}

	}
</style>
